

// 4、【判断】进度100%  也就是 【num>=100】则【1-移除DOM】【2-清除定时器】
var num=0
var over = false
var t = setInterval(function() {
    var nprogress = document.querySelector('.nprogress')

    // 优化1：
    if(num>=95 && !over) return
    num++

    if (nprogress) {
        nprogress.style.width = num+'%'
    } else {
        var nprogress = document.createElement('div')
        nprogress.className = 'nprogress'
        nprogress.style.position = 'fixed'
        nprogress.style.top = 0
        // nprogress.style.width = '100%'
        nprogress.style.width = num+'%'
        nprogress.style.height = '5px'
        nprogress.style.backgroundColor = '#29d'
        document.body.appendChild(nprogress) 

        // 优化2：再去搞一个圈圈
        var nprogressRadius = document.createElement('div')
        nprogressRadius.className = 'nprogressRadius'
        document.body.appendChild(nprogressRadius)
    }

    // 后续
    if (num>=110) {
        document.body.removeChild(nprogress)
        clearInterval(t)

        document.body.removeChild(document.querySelector('.nprogressRadius'))
    }
}, 10)





window.addEventListener('load', function(){
    over = true
})

